<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"/>
	<script type="text/javascript" src="../mootools-1.2-core.js"></script>
	<script type="text/javascript" src="../gun.gchart.js"></script>
	<script type="text/javascript">
	var theme = new gun.gchart.Theme();
	theme.setTitle(24, 'ff0000');
	theme.setFillBackground('gradient', '', 0, ['76A4FB',1,'ffffff',0]);
	theme.setFillChart('solid', '848484');


	window.addEvent('domready', function() {
		new gun.gchart.Venn({
			size: [400, 400],
			title: 'venn diagram 1',
			data: [100,80,60,30,30,30,10],
			colors: ['3D3D3D', '8B8B8B', 'DDDDDD'],
			legends: ['IE', 'FF3', 'Safari']
		}).inject('chartContainer1');
	});
	</script>

</head>
<body>

	<div id="chartContainer1"></div>
	<div id="chartContainer2"><script type="text/javascript">
		var v = new gun.gchart.Venn();
		v.setSize(400,400);
		v.setTitle('venn diagram 2');
		v.addData([80,60,10, 20,0,10, 5]);
		v.setColors(['FF0000', '00FF00', '0000FF']);
		v.setLegends(['IE', 'FF3', 'Safari']);
		v.draw();
	</script></div>

</body>
</html>